import { createRouter, createWebHistory } from 'vue-router'
import FirstItem from '@/views/FirstItem.vue'
import Myself from '@/views/Myself.vue'
import BlackTea from '@/views/TeaViews/Black Tea.vue'
import DarkTea from '@/views/TeaViews/Dark Tea.vue'
import GreenTea from '@/views/TeaViews/Green Tea.vue'
import OolongTea from '@/views/TeaViews/Oolong Tea.vue'
import SecondaryProcessedTeas from '@/views/TeaViews/Secondary Processed Teas.vue'
import WhiteTee from '@/views/TeaViews/White Tee.vue'
import YellowTea from '@/views/TeaViews/Yellow Tea.vue'
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      component: FirstItem,
    },
    {
      path: '/Myself',
      component: Myself,
    },
    {
      path: '/BlackTea',
      component: BlackTea,
    },
    {
      path: '/DarkTea',
      component: DarkTea,
    },
    {
      path: '/GreenTea',
      component: GreenTea,
    },
    {
      path: '/OolongTea',
      component: OolongTea,
    },
    {
      path: '/SecondaryProcessedTeas',
      component: SecondaryProcessedTeas,
    },
    {
      path: '/WhiteTee',
      component: WhiteTee,
    },

    {
      path: '/YellowTea',
      component: YellowTea,
    },
  ],
})

export default router
